<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/04-style.css">
</head>

<body>
    <div id="app">
        <div class="top">
            <div class="back"></div>
            <div class="title">新书发布资讯-电子书行业新闻-藏书馆官网-...</div>
            <div class="other">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
        <div class="body">
            <!-- 列表 -->
            <div class="trim"></div>
            <ul>
                <li>
                    <div class="img">
                        <img src="../img/poetry.png" alt="">
                    </div>
                    <div class="info">
                        <div class="title">【书单推荐】因为5句话，翻完了5本诗集</div>
                        <div class="bot">
                            <span class="date">2022-12-23 17:47:51</span>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="img">
                        <img src="../img/poetry.png" alt="">
                    </div>
                    <div class="info">
                        <div class="title">【书单推荐】因为5句话，翻完了5本诗集</div>
                        <div class="bot">
                            <span class="date">2022-12-23 17:47:51</span>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="img">
                        <img src="../img/poetry.png" alt="">
                    </div>
                    <div class="info">
                        <div class="title">【书单推荐】因为5句话，翻完了5本诗集</div>
                        <div class="bot">
                            <span class="date">2022-12-23 17:47:51</span>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="img">
                        <img src="../img/poetry.png" alt="">
                    </div>
                    <div class="info">
                        <div class="title">【书单推荐】因为5句话，翻完了5本诗集</div>
                        <div class="bot">
                            <span class="date">2022-12-23 17:47:51</span>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="img">
                        <img src="../img/poetry.png" alt="">
                    </div>
                    <div class="info">
                        <div class="title">【书单推荐】因为5句话，翻完了5本诗集</div>
                        <div class="bot">
                            <span class="date">2022-12-23 17:47:51</span>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="img">
                        <img src="../img/poetry.png" alt="">
                    </div>
                    <div class="info">
                        <div class="title">【书单推荐】因为5句话，翻完了5本诗集</div>
                        <div class="bot">
                            <span class="date">2022-12-23 17:47:51</span>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="img">
                        <img src="../img/poetry.png" alt="">
                    </div>
                    <div class="info">
                        <div class="title">【书单推荐】因为5句话，翻完了5本诗集</div>
                        <div class="bot">
                            <span class="date">2022-12-23 17:47:51</span>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="img">
                        <img src="../img/poetry.png" alt="">
                    </div>
                    <div class="info">
                        <div class="title">【书单推荐】因为5句话，翻完了5本诗集</div>
                        <div class="bot">
                            <span class="date">2022-12-23 17:47:51</span>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="img">
                        <img src="../img/poetry.png" alt="">
                    </div>
                    <div class="info">
                        <div class="title">【书单推荐】因为5句话，翻完了5本诗集</div>
                        <div class="bot">
                            <span class="date">2022-12-23 17:47:51</span>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="img">
                        <img src="../img/poetry.png" alt="">
                    </div>
                    <div class="info">
                        <div class="title">【书单推荐】因为5句话，翻完了5本诗集</div>
                        <div class="bot">
                            <span class="date">2022-12-23 17:47:51</span>
                        </div>
                    </div>
                </li>

            </ul>
            <!-- 分页 -->
            <div class="page">
                <div class="prev">
                    <span>上一页</span>
                </div>
                <div class="page_num">
                    <span>1</span>/<span>3</span>
                </div>
                <div class="next">
                    <span>下一页</span>
                </div>
            </div>
            <!-- 热门文章 -->
            <div class="hot_article">
                <h5>热门文章</h5>
                <div class="article">
                    <p>短篇小说推荐书目:8本—天就能看完的小说</p>
                    <span>什么样的小说才算真正意义上的短篇小说?那么—天就能看完的小说，简幅算得上真正的短吗?在藏书馆里有着许多各种类型题材...</span>
                </div>
                <div class="article">
                    <p>短篇小说推荐书目:8本—天就能看完的小说</p>
                    <span>什么样的小说才算真正意义上的短篇小说?那么—天就能看完的小说，简幅算得上真正的短吗?在藏书馆里有着许多各种类型题材...</span>
                </div>
                <div class="article">
                    <p>短篇小说推荐书目:8本—天就能看完的小说</p>
                    <span>什么样的小说才算真正意义上的短篇小说?那么—天就能看完的小说，简幅算得上真正的短吗?在藏书馆里有着许多各种类型题材...</span>
                </div>
                <div class="article">
                    <p>短篇小说推荐书目:8本—天就能看完的小说</p>
                    <span>什么样的小说才算真正意义上的短篇小说?那么—天就能看完的小说，简幅算得上真正的短吗?在藏书馆里有着许多各种类型题材...</span>
                </div>
                <div class="article">
                    <p>短篇小说推荐书目:8本—天就能看完的小说</p>
                    <span>什么样的小说才算真正意义上的短篇小说?那么—天就能看完的小说，简幅算得上真正的短吗?在藏书馆里有着许多各种类型题材...</span>
                </div>
                <div class="article">
                    <p>短篇小说推荐书目:8本—天就能看完的小说</p>
                    <span>什么样的小说才算真正意义上的短篇小说?那么—天就能看完的小说，简幅算得上真正的短吗?在藏书馆里有着许多各种类型题材...</span>
                </div>
                <div class="article">
                    <p>短篇小说推荐书目:8本—天就能看完的小说</p>
                    <span>什么样的小说才算真正意义上的短篇小说?那么—天就能看完的小说，简幅算得上真正的短吗?在藏书馆里有着许多各种类型题材...</span>
                </div>
                <div class="article">
                    <p>短篇小说推荐书目:8本—天就能看完的小说</p>
                    <span>什么样的小说才算真正意义上的短篇小说?那么—天就能看完的小说，简幅算得上真正的短吗?在藏书馆里有着许多各种类型题材...</span>
                </div>
                <div class="article">
                    <p>短篇小说推荐书目:8本—天就能看完的小说</p>
                    <span>什么样的小说才算真正意义上的短篇小说?那么—天就能看完的小说，简幅算得上真正的短吗?在藏书馆里有着许多各种类型题材...</span>
                </div>
                <div class="article">
                    <p>短篇小说推荐书目:8本—天就能看完的小说</p>
                    <span>什么样的小说才算真正意义上的短篇小说?那么—天就能看完的小说，简幅算得上真正的短吗?在藏书馆里有着许多各种类型题材...</span>
                </div>
            </div>
        </div>
        <!-- 联系我们 -->
        <div class="footer">
            <div class="foot">
                <h3>联系我们</h3>
                <p class="double">如您有任何疑问,请通过如下方式联系我们</p>
                <div class="info">
                    <div class="code">
                        <img src="../img/code.jpg" alt="">
                        <p class="code_name">藏书馆公众号</p>
                    </div>
                    <div class="contactinfo">
                        <p>邮箱:xmzgyz@126.com</p>
                        <p>电话:0592-6300088</p>
                        <p>客服QQ:2512204756</p>
                        <p>微信客服: cangshuguan0</p>
                    </div>
                </div>
                <div class="tip">
                    Copyright © www.geeboo.com, All Rights Reserved. 厦门正观易知科技有限公司 版权所有
                </div>
            </div>
        </div>
    </div>
</body>

</html>